import logo from './logo.svg';
import './App.css';
import Greet from "./components/Greet";
import Welcome from "./components/Welcome";
import Hello from "./components/Hello"
import Message from "./components/Message"
import Counter from './components/Counter1-2'
import EventBind2 from './components/EventBind2';
import EventBind3 from './components/EventBind3';
import EventBind4 from './components/EventBind4';

function App() {
  return (
    <div className="App">
      <EventBind4/>
      {/* <Counter/> */}
      {/* <Message/>
      <Greet name="Bruce">
        <p>This is a children props!</p>
      </Greet> */}
      {/* <Greet name="Bruce">
        <p>This is a children props!</p>
      </Greet>
      <Greet name="Clark"/>
      <Greet name="Diana"/>
      <Welcome name="Bruce"/>
      <Welcome name="Clark"/>
      <Welcome name="Diana"/> */}
      {/* <Hello /> */}
    </div>
  );
}

export default App;
